*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "MicrosoftYaHei", "WenQuanYi Micro Hei", sans-serif;
}
body,html,#root{
    height: 100%;
    max-width: 1519px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
    background-color: #f5f7fa;
}
.icon { 
    width: 1em; height: 1em; 
    vertical-align: -0.15em; 
    fill: currentColor; 
    overflow: hidden; } 

@media screen and (max-width:767px){
  html{
    width: 100%;
  }
}
@media screen and (min-width:768px){
  html{
    width:750px;
  }
}
@media screen and (min-width:992px){
  html{
    width:970px;
  }
}
@media screen and (min-width:1200px){
  html{
    width:1170px;
  }
}